/* Code tidied up by ScrapBook */
#reports_area, #cashdrawer_area, #holded_orders_section { background: rgb(255, 255, 255) none repeat scroll 0% 0%; height: 100vh; position: fixed; }
#holded_orders_detail .top-content .title-page, #reports_area .top-content .title-page, #cashdrawer_area .top-content .title-page, #holded_orders_section .top-content .title-page { padding: 10px 0px; float: left; width: 100%; height: 44.5px; }
#holded_orders_detail .top-content .title-page h2, #reports_area .top-content .title-page h2, #cashdrawer_area .top-content .title-page h2, #holded_orders_section .top-content .title-page h2 { font-size: 15px; color: rgb(255, 255, 255); margin: 0px; text-align: center; }
#bt_hold_order { width: 28%; text-align: center; padding: 12px; background: rgb(255, 165, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); border-radius: 7px; position: absolute; left: 2%; bottom: -100%; text-transform: uppercase; cursor: pointer; font-weight: 600; font-size: 16px; }
#before_hold_popup { 
  width: 350px; 
  position: fixed; 
  outline: 0px none; 
  box-shadow: 0px 6px 12px rgba(18, 12, 12, 0.84); 
  left: 50%;  margin-left: -175px; 
  padding: 0px; margin-top: 58px; 
  border: 7px solid rgba(0, 0, 0, 0.61); 
  border-radius: 6px; z-index: 51; height: 200px; 
  background: rgb(255, 255, 255) none repeat scroll 0% 0%; 
}


#before_hold_popup .comment .title { font-weight: 600; text-align: left; font-size: 14px; padding: 10px; }
#before_hold_popup .comment textarea { width: 97%; min-height: 132px; max-height: 145px; margin: 5px; }
.pos_menu .menu_item .common.holded_orders { background: transparent url("../images/holded_orderlist.png") no-repeat scroll center center / 66% auto; }
.webpos_popup_area { background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: fixed; left: 50%; z-index: 50; }
.webpos_popup_area .top_content .popup_title { padding: 10px 0px; float: left; width: 100%; height: 44px; }
.webpos_popup_area .top_content .popup_title h2 { font-size: 15px; color: rgb(255, 255, 255); margin: 0px; text-align: center; }
.webpos_popup_area .popup_content ul { padding: 0px; margin: 0px; }
.fixed_overlay { background: rgb(0, 0, 0) none repeat scroll 0% 0%; opacity: 0.8; position: fixed; z-index: 49; width: 100vw; height: 100vh; display: none; }
#till_area { top: -100vh; width: 400px; margin-left: -200px; box-shadow: 0px 0px 0px 2px rgb(153, 153, 153); }
#till_area .popup_content ul li { padding: 10px 10px 10px 30px; font-weight: bold; border-bottom: 1px dotted rgb(153, 153, 153); opacity: 0.7; transition: border-left 0.2s ease 0s, padding 0.2s ease 0s; background: rgb(238, 238, 238) none repeat scroll 0% 0%; border-left: 5px solid rgb(238, 238, 238); }
#till_area .popup_content ul li:hover { padding-left: 40px; opacity: 1; background: rgb(255, 255, 255) none repeat scroll 0% 0%; cursor: pointer; border-left: 5px solid green; }
.bottom_button { text-align: left; color: rgb(255, 255, 255); border: medium none; border-radius: 10px; font-size: 12px; outline: 0px none; background: green none repeat scroll 0% 0%; box-shadow: 0px 2px 1px rgba(0, 62, 14, 0.89); }
#till_info { float: left; max-width: 70%; padding: 1px 10px 2px; margin-top: 0px; margin-left: 10px; cursor: pointer; }
#till_info:hover { opacity: 0.8; }
#count_cash_area button, #reports_area button, #cashdrawer_area button { padding-top: 0px; border: medium none; border-radius: 4px; color: rgb(255, 255, 255); text-transform: uppercase; height: 35px; }
#reports_area #reports_control, #manual_transfer { line-height: 45px; padding: 0px 5px; }
#reports_area p, #manual_transfer p { float: left; margin: 0px 5px 0px 0px; }
#manual_transfer .cash-amount input, #manual_transfer .cash-type select { width: 100%; }
#reports_area #reports_control select { width: 100%; }
#manual_transfer .cash-amount { width: 20%; }
#manual_transfer .cash-type { width: 10%; }
#reports_area .report_type { width: 40%; }
#reports_area p input, #manual_transfer p input, #reports_area p select, #manual_transfer p select { height: 35px; padding: 0px 10px; }
#reports_area .label, #manual_transfer .label { font-weight: bold; }
#transaction_note_wapper { padding: 5px; position: relative; }
#transaction_note { padding: 5px; width: 47.5%; height: 5em; resize: none; }
#transaction_note_clear { position: absolute; left: 48%; top: 5%; }
#current_balance_line { position: absolute; right: 5px; font-weight: bold; color: rgb(255, 255, 255); border-radius: 10px; height: 100px; top: 50px; padding: 0px 5px; }
#current_balance_line .balance_wrapper { position: relative; width: 100%; height: 100%; }
#current_balance_line .balance_wrapper .current_balance {
 position: absolute; 
 width: 100%; text-align: center; 
 background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(0, 0, 0); 
 margin-top:5px;
}

#cashdrawer_area .tran-list { position: absolute; top: 170px; width: 100%; }
#cashdrawer_area .tran-list #transaction_grid { overflow-y: auto; }
.webpos_bordered_table { width: 99%; margin: 0px 5px; }
.webpos_bordered_table tbody td { padding: 5px; background: rgb(249, 249, 249) none repeat scroll 0% 0%; font-size: 12px; }
.webpos_bordered_table thead th { padding: 5px; background: rgb(221, 221, 221) none repeat scroll 0% 0%; font-size: 15px; font-weight: bold; }
#report_grid { padding: 5px; overflow-y: auto; }
#reports_area .bottom_control, #cashdrawer_area .bottom_control { padding: 5px; }
#reports_area .bottom_control button, #cashdrawer_area .bottom_control button { float: right; }
#reports_area .bottom_control a, #cashdrawer_area .bottom_control a { float: right; margin: 5px; padding: 5px; }
#reports_area .bottom_control a:hover, #cashdrawer_area .bottom_control a:hover { background: rgb(204, 204, 204) none repeat scroll 0% 0%; }
#count_cash_area button, .bottom_control button, #manual_transfer button, #reports_control button { opacity: 0.8; }
#count_cash_area button:hover, .bottom_control button:hover, #manual_transfer button:hover, #reports_control button:hover, #report_grid button:hover { opacity: 1; }
#count_cash_area { position: fixed; z-index: 50; top: -100vh; background: rgb(249, 249, 249) none repeat scroll 0% 0%; border: 1px solid rgb(153, 153, 153); width: 26%; left: 50%; margin-left: -13%; padding: 10px; }
#count_cash_area .bottom { text-align: center; margin: 5px 0px 0px; }
.pos_menu .sub_menu .log-item a { width: 100%; }
#product-left .top_bar .top_bar_right { padding: 0px; }
#category_area { text-align: left; padding: 0px 5px; }
#holded_orders_detail { position: fixed; right: -100vw; top: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; height: 100vh; width: 0px; z-index: 12; }
@media screen and (max-width: 1024px) {
  #manual_transfer .label { width: 100%; font-size: 14px; height: 30px; line-height: 30px; }
  #transaction_note_wapper #transaction_note { height: 3em; }
  #manual_transfer .cash-amount { width: 30%; }
  #transaction_note_wapper #transaction_note { width: 41%; }
  #transaction_note_clear { left: 42%; }
}
#custom_sale_tax_class_id { padding: 7px; margin: 5px 0px; width: 100%; float: right; }
.webpos_bordered_table tbody td.align_right { text-align: right; }
#holded_orders_detail_content { overflow: auto; height: 94vh; }
#webpos_currency select, #webpos_websites select, #select-language { width: 80%; }
#bt_cashin, #bt_place_order { float: left; }
#webpos_number_board_overlay { z-index: 99; }
.webpos_number_board { position: fixed; z-index: 100; background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 10px; box-shadow: 3px 3px 3px rgb(85, 85, 85); border: 1px solid rgb(85, 85, 85); border-radius: 5px; margin: -125px 0px 0px -250px; width: 500px; height: 250px; display: none; }
.webpos_number_board ul { float: left; width: 100%; padding: 0px; margin: 0px; }
.webpos_number_board ul li { float: left; margin: 3px 0px; padding: 0px 5px; }
.webpos_number_board ul li button { width: 100%; height: 40px; font-weight: bold; font-size: 20px; }
.webpos_number_board .clear-number { background: transparent url("../images/clear-number.png") no-repeat scroll center center; }
.webpos_popup_area .bottom_buttons { padding: 5px; text-align: right; }
.webpos_popup_area .bottom_buttons button:hover { opacity: 1; }
.webpos_popup_area .bottom_buttons button { padding-left: 30px; padding-right: 30px; color: rgb(255, 255, 255); outline: 0px none; box-shadow: 0px 3px 5px rgba(97, 20, 3, 0.57); opacity: 0.8; }
.webpos_popup_area .bottom_buttons .btn-back { background: rgb(255, 151, 65) none repeat scroll 0% 0%; border: 1px solid rgb(247, 112, 0); }
.webpos_popup_area .bottom_buttons .btn-next { background: rgb(220, 1, 1) none repeat scroll 0% 0%; border: 1px solid rgb(214, 9, 9); }
.webpos_popup_area .track_number_form { height: 35px; line-height: 35px; }
.webpos_popup_area .track_number_form #track_number { height: 35px; }
.product .item .prd_price_reg { display: inline-block; margin-right: 5px; text-decoration: line-through; }


#holded_orders_section #holded_orders_list_grid .form-row .holded_item_wrapper .button_wrapper {
    position: absolute;
    right: 5px;
    top: 5px;
}

#holded_orders_section #holded_orders_list_grid .form-row .holded_item_wrapper {
    position: relative;
}


#holded_orders_section #holded_orders_list_grid .form-row .holded_item_wrapper .bt_reload_order_online {
    opacity: 0.8;
}

#report_till {
    width: 100%;
}


#report_grid button {
    float: right;
    opacity: 0.8;
}

.webpos_bordered_table tbody .total td {
    background: #ddd;
    border-bottom: #ccc 1px solid;
    border-right: #ccc 1px solid;
}

